<template>
	<satri-page :padding="20">
		<satri-card label="基础用法">
			<satri-rate :model-value="2.7"></satri-rate>
		</satri-card>

		<satri-card label="禁用">
			<satri-rate :model-value="2.7" disabled></satri-rate>
		</satri-card>

		<satri-card label="多色">
			<satri-rate :model-value="2" :color="['#F56C6C', '#E6A23C', '#67C23A']"></satri-rate>
		</satri-card>

		<satri-card label="其他图标">
			<satri-rate :model-value="1" icon="satri-icon-like"></satri-rate>
		</satri-card>
	</satri-page>
</template>
